<template>
    <div class="contact">
        
        <div  class="contact-heart" >
       
             <Container_renli v-show="this.$route.params.container==='renli'"/>
             <Container_caigou v-show="this.$route.params.container==='caigou'"/>
             <Container_kuchun v-show="this.$route.params.container==='kuchun'"/>
             <Container_shengcan v-show="this.$route.params.container==='shengcan'"/>
             <Container_xiaoshou v-show="this.$route.params.container==='xiaoshou'"/>
             <Container_waimao v-show="this.$route.params.container==='waimao'"/>
             <Container_caiwu v-show="this.$route.params.container==='caiwu'"/>
             <Container_zhijin v-show="this.$route.params.container==='zhijin'"/>
             <Container_shouhou v-show="this.$route.params.container==='shouhou'"/>
             <Container_zhineng v-show="this.$route.params.container==='zhineng'"/>
             <!-- {{container}} -->
             <Container_sheze1 v-show="this.$route.params.container==='sheze1'"/>
             <Container_sheze2 v-show="this.$route.params.container==='sheze2'"/>
             <Container_sheze3 v-show="this.$route.params.container==='sheze3'"/>

           <!-- <Renli v-show="this.$route.params.id==='bb'"/> -->
              
          <Sider_Right />
        <router-view></router-view>
    </div>
    <Sider_Center />
    <Sider_Footer />
    </div>
</template>

<script>
import Sider_Right from '../components/Sider_Right'
import Sider_Center from '../components/Sider_Center'
import Sider_Footer from '../components/Sider_Footer'
import Container_renli from '../components/ContainArea/Container_renli'
import Container_caigou from '../components/ContainArea/Container_caigou'
import Container_kuchun from '../components/ContainArea/Container_kuchun'
import Container_shengcan from '../components/ContainArea/Container_shengcan'
import Container_xiaoshou from '../components/ContainArea/Container_xiaoshou'
import Container_waimao from '../components/ContainArea/Container_waimao'
import Container_caiwu from '../components/ContainArea/Container_caiwu'
import Container_zhijin from '../components/ContainArea/Container_zhijin'
import Container_shouhou from '../components/ContainArea/Container_shouhou'
import Container_zhineng from '../components/ContainArea/Container_zhineng'
import Container_sheze1 from '../components/ContainArea/Container_sheze1'
import Container_sheze2 from '../components/ContainArea/Container_sheze2'
import Container_sheze3 from '../components/ContainArea/Container_sheze3'



import Renli from '../components/ChildArea/Renli'


export default {
    name:'container',
    props:['container','id'],
    components:{
        Sider_Right,
        Sider_Center,
        Sider_Footer,
        Container_renli,
        Container_caigou,
        Container_kuchun,
        Container_shengcan,
        Container_xiaoshou,
        Container_waimao,
        Container_caiwu,
        Container_zhijin,
        Container_shouhou,
        Container_zhineng,

        Container_sheze1,
        Container_sheze2,
        Container_sheze3,


       
      

      
        
    },
    created(){
        console.log(this.$route.params.container)
    }
   
}
</script>

<style lang="scss" scoped>

    .contact{
        flex: 1;
        font-size: 12px;
        background: #b6b6b6;
        margin-right:13px;
        // border: 1px solid;
        height:100%;

        &-heart{
            height:65% ;
            // border-bottom: 1px solid;
            background: white;
        }
        
        &-footer{
              height:189px ;
            //   border-bottom: 1px solid;
              width: 100%;
              display: flex;
                .right-f{
                    margin: 0 27px;
               }

               &-f{
                    width:32%;
                    background-color: #fefefe;
                    border: 1px solid;
               }
             
        }
    }
   
</style>
